<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // npm就是一个模块管理的工具
    // npm init -y 生成一个配置清单，会生成一个package.json文件，里面存储的就是你的安装记录，
    // npm i xxx 把模块下载到当前项目中
    // npm i xxx -g 把模块下载到全局

    // npm i xxx@1.0.0 下载指定版本到项目中
    // npm view xxx versions :查看指定模块的版本信息
    // npm root -g :查看全局模块安装的位置

    // npm i : 跑环境 按照package.json中的配置清单去下载对应的模块

    // .gitignore :上传时忽略指定的文件

    // lessc index.less ss.css
    // 在package.json中的scripts中可以自由配置执行脚本的命令

    // scripts:{
    //   "start":'lessc index.less ss.css',
          // "open":'xxxx'
    // }

    // npm run start

    // 现在我要下载 jquery swiper bootstrap
    // npm i jquery swiper bootstrap 如果有多个模块要进行安装，直接依次把模块，名字写到 i的后面即可

      // less
      // less的嵌套  less的变量  & less的连接符


      // .box {
      //   width:100px;
      //   .box1 {

      //   }
      // }
      //  @name = 100px

      // .box {
      //   &:hover{

      //   }
      //   &:after
      // }


  </script>
</body>
</html>